import { useState, useEffect } from 'react'
import LoginForm from './components/LoginForm'
import SwitchDark from '@/components/SwitchDark'
import loginLeft from '@/assets/images/all-in-one/login_left.png'
import logo from '@/assets/images/all-in-one/logo.png'
import './index.less'

const Login = () => {

  return <div className='login-container'>
    <SwitchDark />
    <div className='login-box'>
      <div className='login-left'>
        <img src={loginLeft} alt='login' />
      </div>
      <div className='login-form'>
        <div className='login-logo'>
          <img className='login-icon' src={logo} alt='logo' />
          <span className='logo-text'>ALLINONE</span>
        </div>
        <LoginForm />
      </div>
    </div>
  </div>
}

export default Login

